<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>Widget Visual Test - Web Safe Color</title>
  <meta name="author" content="">
  <meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="Content-Language" content="english">
  <meta http-equiv="reply-to" content="alansmlee@gmail.com">
  <meta name="Rating" content="General" />
  <meta name="revisit-after" content="30 Days" />
  <meta name="keywords" content="webmaster,hobby webmaster,hobbywebmaster,demo,test,css,html,website,web authoring,web,web page,template" />
  <meta name="description" content="Widget Visual Test" />
  <meta name="distribution" content="global" />
  <meta name="resource-type" content="document" />
	<meta http-equiv="Content-Language" content="en-us" />
  <meta name="robots" content="all" />
  <meta name="mssmarttagspreventparsing" content="true" />
  <meta http-equiv="imagetoolbar" content="no" />
  <meta http-equiv="MSThemeCompatible" content="no" />
  <meta name="doc-class" content="Living Document" />
  <link href="typography.css" rel="stylesheet" type="text/css" />
  <link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon" />
	<link type="text/css" rel="stylesheet" href="../../../common/css/main.css"/>
	<link type="text/css" rel="stylesheet" href="webSafeColor.css"/>
  <style type="text/css">
  </style>
	<!-- compliance patch for microsoft browsers -->
	<!--[if lt IE 7]>
		<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript" ></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/ie7-squish.js" type="text/javascript" ></script>
	<![endif]-->
</head>

<body>
  <!-- START header -->
  <div id="header">
    <div id="logo">
      <div id="slogan">Your slogan here</div>
      <div id="siteaddress">www.your.site.com</div>
      <div id="nav">
        <ul class="hmenu color-rainbow theme-transparent">
          <li><a href="../../home/home.html">Home</a></li>
          <li><a href="../../grasshopper/grasshopper.xml">Grasshopper</a></li>
          <li><a href="../../taxidermy/taxdermy.html">Taxidermy</a></li>
          <li><a href="../../photoalbum/photoalbum.html">Photo Album</a></li>
          <li><a href="../../webtips/webtips.html">Web Tips</a></li>
          <li><a href="#" class="current">don't look</a></li>
        </ul>
      </div><!-- end nav -->
    </div><!-- end logo -->
  </div><!-- END header -->

  <!-- START body-container -->
  <div id="body-container">
    <!-- START left-panel -->
    <div id="left-panel">
      <dl id="vmenu">
        <dt><a href="../../TBD/tbd.html">TBD<span></span></a></dt>
        <dt><a href="#" class="current"><span>Web Safe Colors</span></a></dt>
        <dt><a href="../niceSites/niceSites.html"><span>Nice Websites</span></a></dt>
      </dl>
    </div><!-- END left-panel -->

    <!-- ++++ START of YOUR right-sidebar ++++ -->
    <div id="r-sidebar">
      <!-- Testimonies -->
      <div class="testimony">
        <img width="59" src="../../common/img/who.gif" alt="who.gif"/>
        <span>Genuine testimonials add credential to your site.</span>
      </div>
    </div>
    <!-- -------- END of YOUR right-sidebar --------------->

    <!-- START main-content -->
    <div id="main-content">

      <!-- ++++ YOUR page title ++++ -->
      <div id="title">Home</div>
      <!-- ++++ START of YOUR navigation within main contents ++++ -->
      <div class="rect-horizontal-link clearfix">
        <ul>
          <li><a href="webSafeColor.html">Color set 1</a></li>
          <li><a href="webSafeColor2.html">Color set 2</a></li>
          <li><a href="webSafeColor3.html">Color set 3</a></li>
          <li><a href="webSafeColor4.html">Color set 4</a></li>
        </ul>
      </div>
      <!-- -------- END of YOUR navigation within main contents --------------->
      <!-- ++++ START of YOUR main contents ++++ -->

      <ul class="websafecolor-white-text">  <!-- column 1 -->
        <li style="background-color:#000000;">000000</li>
        <li style="background-color:#000033;">000033</li>
        <li style="background-color:#000066;">000066</li>
        <li style="background-color:#000099;">000099</li>
        <li style="background-color:#0000CC;">0000CC</li>
        <li style="background-color:#0000FF;">0000FF</li>
        <li style="background-color:#003300;">003300</li>
        <li style="background-color:#003333;">003333</li>
        <li style="background-color:#003366;">003366</li>
        <li style="background-color:#003399;">003399</li>
        <li style="background-color:#0033CC;">0033CC</li>
        <li style="background-color:#0033FF;">0033FF</li>
      </ul>
      <ul class="websafecolor-white-text">  <!-- column 2 -->
        <li style="background-color:#006600;">006600</li>
        <li style="background-color:#006633;">006633</li>
        <li style="background-color:#006666;">006666</li>
        <li style="background-color:#006699;">006699</li>
        <li style="background-color:#0066CC;">0066CC</li>
        <li style="background-color:#0066FF;">0066FF</li>
        <li style="background-color:#009900;">009900</li>
        <li style="background-color:#009933;">009933</li>
        <li style="background-color:#009966;">009966</li>
        <li style="background-color:#009999;">009999</li>
        <li style="background-color:#0099CC;">0099CC</li>
        <li style="background-color:#0099FF;">0099FF</li>
      </ul>
      <ul class="websafecolor-white-text">  <!-- column 3 -->
        <li style="background-color:#00CC00;">00CC00</li>
        <li style="background-color:#00CC33;">00CC33</li>
        <li style="background-color:#00CC66;">00CC66</li>
        <li style="background-color:#00CC99;">00CC99</li>
        <li style="background-color:#00CCCC;">00CCCC</li>
        <li style="background-color:#00CCFF;">00CCFF</li>
        <li style="background-color:#00FF00;">00FF00</li>
        <li style="background-color:#00FF33;">00FF33</li>
        <li style="background-color:#00FF66;">00FF66</li>
        <li style="background-color:#00FF99;">00FF99</li>
        <li style="background-color:#00FFCC;">00FFCC</li>
        <li style="background-color:#00FFFF;">00FFFF</li>
      </ul>
      <ul class="websafecolor-white-text">  <!-- column 4 -->
        <li style="background-color:#330000;">330000</li>
        <li style="background-color:#330033;">330033</li>
        <li style="background-color:#330066;">330066</li>
        <li style="background-color:#330099;">330099</li>
        <li style="background-color:#3300CC;">3300CC</li>
        <li style="background-color:#3300FF;">3300FF</li>
        <li style="background-color:#333300;">333300</li>
        <li style="background-color:#333333;">333333</li>
        <li style="background-color:#333366;">333366</li>
        <li style="background-color:#333399;">333399</li>
        <li style="background-color:#3333CC;">3333CC</li>
        <li style="background-color:#3333FF;">3333FF</li>
      </ul>
      <ul class="websafecolor-white-text">  <!-- column 5 -->
        <li style="background-color:#336600;">336600</li>
        <li style="background-color:#336633;">336633</li>
        <li style="background-color:#336666;">336666</li>
        <li style="background-color:#336699;">336699</li>
        <li style="background-color:#3366CC;">3366CC</li>
        <li style="background-color:#3366FF;">3366FF</li>
        <li style="background-color:#339900;">339900</li>
        <li style="background-color:#339933;">339933</li>
        <li style="background-color:#339966;">339966</li>
        <li style="background-color:#339999;">339999</li>
        <li style="background-color:#3399CC;">3399CC</li>
        <li style="background-color:#3399FF;">3399FF</li>
      </ul>

      <!-- -------- END of YOUR main contents --------------->

    </div><!-- END main content -->
  </div><!-- END body-container -->

  <!-- START footer -->
  <div id="footer">
    <a href="mailto:someone@somewhere.com">Contact us</a><span> | </span>
    <a href="#">Disclaimer</a><span> | </span>
    <a href="#">Privacy statement</a><span> | </span>
    <a href="#">Usage terms and conditions</a><span> | </span>
    <a href="#">Copyright &copy; 2008-2009 www.yoursite.com. All Rights Reserved.</a>
  </div><!-- END footer -->
  <!-- **************  -->
</body>

</html>